<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="sec" uri="http://www.springframework.org/security/tags" %>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
   "http://www.w3.org/TR/html4/loose.dtd">

<link href="../css/estilos.css" rel="stylesheet" type="text/css" />
<%@ page import="java.util.*" %>
<%@ page import="beans.*" %>
<jsp:useBean id="Materias" scope="request" class="databeans.MateriaDataBean" />
<jsp:useBean id="DatosEncuesta" scope="request" class="databeans.EncuestaDataBean" />
<% String codigo = request.getParameter("codigo"); %>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>Agregar Encuesta</title>

        <script language="javascript" type="text/javascript" src="../js/popcalendar.js"></script>
        <script language="javascript" type="text/javascript" src="../js/utilidades.js"></script>
        <script language="javascript" type="text/javascript">

        var xmlhttp;

        function GetXmlHttpObject()
        {
        if (window.XMLHttpRequest)
          {
          // code for IE7+, Firefox, Chrome, Opera, Safari
          return new XMLHttpRequest();
          }
        if (window.ActiveXObject)
          {
          // code for IE6, IE5
          return new ActiveXObject("Microsoft.XMLHTTP");
          }
        return null;
        }

        function existeCodigo(campo)
        {
            var str = campo.value;
            if (str.length == 0)
            {
              document.getElementById("existeCod").innerHTML="";
              return;
            }
            xmlhttp=GetXmlHttpObject();
            if (xmlhttp==null){
              alert ("Su explorador no soporta XMLHTTP!");
              return;
            }
            var url="../existecodigo?cod=";
            url=url+str;
            url=url+"&sid="+Math.random();

            xmlhttp.onreadystatechange=stateChanged;
            xmlhttp.open("GET",url,true);
            xmlhttp.send(null);
        }

        function stateChanged()
        {
        if (xmlhttp.readyState==4)
          {
          document.getElementById("existeCod").innerHTML=xmlhttp.responseText;
          }
        }

        </script>
    </head>

    <body >
        <sec:authorize ifAnyGranted="ROLE_SYSTEM,ROLE_DOCENTE">

        <table  border="0" width="100%">
            <thead>
                <tr>
                    <th >
                        <h1><img src="../images/EME2.png" width="175px"></h1>
                    </th>
                    <th >
                        <h1><img src="../images/headers/nuevaEncuesta.png"></h1>
                    </th>
                </tr>
            </thead>
            <tbody>

                <tr>
                    <td width="200px" valign="top">
                        <div>
                            <jsp:include page="menu.jsp"/>
                        </div>
                    </td>
                    <td><center>

                            <FORM name="form1" id="form1"
                             ACTION="../addEncuesta"
                             METHOD="POST"
                             onsubmit="return valida(this);">

                                <sec:authorize ifAnyGranted="ROLE_SYSTEM,ROLE_DOCENTE">
                                    <input type="hidden" name="usuario" value="<sec:authentication property="principal.username" />" />
                                </sec:authorize>

                                    <center>
                                   <table class="tabla2" border="0" style="border-color:transparent">
                                   <tbody>
                                       <tr>
                                           <td colspan="3">
                                               <h3> Datos Generales</h3>
                                           </td>
                                       </tr>
                                       <tr>
                                           <td>
                                               Codigo de encuesta:
                                           </td>
                                            <td>
                                                <input name="codigo" maxlength="6" onchange="existeCodigo(this)" onkeyUp="return ValNumero(this)">
                                           </td>
                                           <td><p style="color: #f00;" id="existeCod"></p></td>
                                       </tr>
                                       <tr>
                                           <td>
                                               Pregunta de Encuesta:
                                           </td>
                                           <td colspan="2">
                                               <input name="descripcion" maxlength="50" size="60">
                                           </td>
                                       </tr>
                                      <tr>
                                            <td>Seleccione la materia:</td>
                                            <td colspan="2"><select id="materia" name="materia">
                                                    <sec:authorize ifAllGranted="ROLE_SYSTEM">
                                                    <%
                                            List listaMat = Materias.getMateriasCicloActual();
                                            Iterator it = listaMat.iterator();
                                            while (it.hasNext()){
                                                MateriaBean materia = (MateriaBean)it.next();

                                            %>
                                                    <option value="<%= materia.getCodMateria()%>"><%= materia.getNomMateria()%></option>
                                            <%
                                            }
                                            %>
                                                    <option value="todo">Disponible para todas las materias</option>
                                                    </sec:authorize>
                                                    <sec:authorize ifAllGranted="ROLE_DOCENTE">
                                                     <%
                                            List listaMate = Materias.getListaMateriasByDocente(codigo);
                                            Iterator ite = listaMate.iterator();
                                            while (ite.hasNext()){
                                                MateriaBean materia = (MateriaBean)ite.next();

                                            %>
                                                    <option value="<%= materia.getCodMateria()%>"><%= materia.getNomMateria()%></option>
                                            <%
                                            }
                                            %>
                                                    <option value="todo">Disponible para todos las materias</option>
                                                    </sec:authorize>
                                                </select>
                                            </td>
                                        </tr>
                                       <tr>
                                           <td>
                                               Activa:
                                           </td>
                                           <td colspan="2">
                                               <INPUT TYPE="RADIO" NAME="activa" VALUE="1" checked="true">
                                               Si
                                               <INPUT TYPE="RADIO" NAME="activa" VALUE="0">
                                               No
                                           </td>
                                       </tr>
                                       <tr>
                                           <td>
                                               Maximo de respuestas por alumno:
                                           </td>
                                           <td colspan="2">
                                               <input name="maxrespuestas" maxlength="4" size="8" onkeyUp="return ValNumero(this)">
                                           </td>
                                       </tr>
<tr>
                                           <td>
                                               Fecha Vencimiento:
                                           </td>
                                           <td colspan="2">
                                               <input type="text"
                                                      maxlength="0"
                                                      name="fechavencimiento"
                                                      size="10"
                                                      id="fechavenc"
                                                      onclick="popUpCalendar(this, form1.fechavenc, 'yyyy-mm-dd')"
                                                      >

                                           </td>
                                       </tr>

                                       <tr>
                                           <td colspan="3">
                                               <h3>Descripcion de las Opciones</h3>
                                           </td>
                                       </tr>
                                       <tr>
                                           <td>
                                               Numero de Opciones:
                                           </td>
                                           <td colspan="2">
                                               <select name="numopciones" onchange='MostrarOpciones(this.form);'>
                                                   <%
                                                   for (int i=1;i<10;i++){
                                                   if (i==1){%>
                                                   <option value="<%=i%>" selected="selected" >
                                                       <%=i%>
                                                   </option>
                                                   <% }else{ %>
                                                   <option value="<%=i%>">
                                                       <%=i%>
                                                   </option>
                                                    <% } }%>
                                               </select>
                                           </td>
                                       </tr>
                                       <tr>
                                           <td>
                                               <div id="topc" >
                                                   <div id="topcion1" style="height:20px ; padding:2px ;padding-top:8px" >
                                                   Descripcion Opcion 1:
                                                   </div>
                                               </div>
                                           </td>
                                           <td  colspan="2">
                                               <div id="opc">
                                                   <div id="opcion1" >
                                                       <input  type="text"  name="textopc1" id="textopc1" maxlength="20" size="25">                                                   </div>
                                               </div>
                                           </td>
                                       </tr>
                                       <tr>
                                           <td colspan="3">
                                               <center>
                                               <INPUT TYPE="SUBMIT" VALUE="Aceptar" >
                                                <input type="reset" value="Cancelar">
                                                </center>
                                           </td>
                                       </tr>
                                   </tbody>
                               </table>
                            </center>
                    </FORM>
                        </center>
                    </td>
                </tr>
            </tbody>
        </table>
        <div align="left">
            <jsp:include page="barrausuario.jsp"/>
        </div>
        </sec:authorize>
    </body>
    
</html>
